'use client'
import React from 'react';
import {Image} from "antd"
import Link from "next/link";

export default function Touritem({id, name, src, description, price}: any) {
    return (
        <div className="flex flex-col items-center justify-center">
            <Link
                href={{
                    pathname: `/tour/`,
                    query: {
                        id: id,
                    },
                }} className="hover:underline">
                <h1 className="text-3xl font-bold">{name}</h1>
            </Link>
            <Image className="w-20 h-20 rounded-full" src={src} alt={"Tour photo"}/>
            <p className="text-sm text-gray-500">{description}</p>
        </div>
    );
}
